<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@  taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="my" uri="/mytag"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<link href="AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet"
	type="text/css" />
<link href="AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet"
	type="text/css" />
<link href="basic/css/demo.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/site-nav.css">
<link href="css/indexstyle.css" rel="stylesheet" type="text/css" />

<title>iGo</title>

</head>
<body>

	<!--顶栏-->
	<div class="site-nav">
		<div class="sn-bg"></div>
		<div class="sn-con">
			<p class="sn-home">
				<i class="am-icon-home"></i> <a href="index.jsp">爱购首页</a>
			</p>
			<p class="sn-login-info">
				<c:if test="${ empty sessionScope.u.nickname }" var="login">
					<span>汪, 欢迎来到爱购 </span>
					<span> &nbsp;<a href="login.jsp">请登录</a>
					</span>
					<span class="sn-logout-info"> <a href="regist.jsp">免费注册</a>
					</span>
				</c:if>
				<c:if test="${!login }">
					<span>Hi, <a href="">${sessionScope.u.nickname }</a>
					</span>
					<span> <i class="am-icon-comments"></i>&nbsp;消息<a href="">3</a>
					</span>
					<span class="sn-logout-info"> <a href="user/logout.do">退出</a>
					</span>
				</c:if>
			</p>
			<ul class="sn-quick-menu">
				<li class="myiGo"><i class="am-icon-user"></i> <a
					href="myorders.do">我的爱购</a></li>
				<li class="sn-mybrand"><i class="am-icon-heart"></i> <a href="">我关注的品牌</a>
				</li>
				<li class="sn-cart"><i class="am-icon-shopping-cart"></i> <a
					href="myshoppingCart.do">购物车</a> <c:set
						property="${sessionScope.map3 }" var="shoppingcart"></c:set> <span
					name="count"> <my:pt value="${sessionScope.map3 }" />
				</span> 件</li>
			</ul>
		</div>
	</div>

	<!--标题&搜索-->
	<div class="header">
		<div class="header-con">
			<h1 class="iGologo">
				<a href="">爱购iGo.com</a>
			</h1>
			<div class="search" name="search">
				<form action="searchkey.do" method="get">
					<input type="text" placeholder="潮女冬季必备" name="key"
						class="search-inp">
					<!-- 这里提供查询的类名 按名字搜索了 -->
					<input style="display: none" type="text" name="search_kind"
						value="name" class="search-inp">
					<button type="submit" class="search-btn">搜索</button>
				</form>
			</div>
		</div>
	</div>

	<hr data-am-widget="divider" style=""
		class="clear-float-both am-divider am-divider-default" />

	<div class="banner">
		<!--轮播 -->
		<div data-am-widget="slider" class="am-slider am-slider-a1"
			data-am-slider='{"directionNav":false}'>
			<ul class="am-slides">
				<li><img src="img/indexbig1.png" /></li>
				<li><img src="img/indexbig2.png" /></li>
				<li><img src="img/indexbig3.png" /></li>
				<li><img src="img/indexbig4.png" /></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>

	<div class="shopNav">

		<div class="index-nav">
			<div class="index-nav-con">
				<div class="nav-cont">
					<ul>
						<li class="index"><a href="#">全部分类</a></li>
						<li class="index"><a href="#">爱购超市</a></li>
						<li class="qc"><a href="#">爱购国际</a></li>
						<li class="qc"><a href="#">爱购会员</a></li>
						<li class="qc"><a href="#">品牌街</a></li>
						<li class="qc"><a href="#">电器城</a></li>
						<li class="qc"><a href="#">汪鲜生</a></li>
						<li class="qc"><a href="#">医药馆</a></li>
						<li class="qc"><a href="#">魅力惠</a></li>
						<li class="qc"><a href="#">飞猪旅行</a></li>
						<li class="qc"><a href="#">苏宁易购</a></li>
						<li class="qc last"><a href="#">营业厅</a></li>
					</ul>
				</div>
			</div>

		</div>

		<div class="slideall">

			<!--侧边导航 -->
			<div id="nav" class="navfull">
				<div class="area clearfix">
					<div class="category-content" id="guide_2">

						<div class="category">
							<ul class="category-list" id="js_climit_li">


							</ul>
						</div>
					</div>

				</div>
			</div>

			<!--走马灯 -->

			<div class="marqueen">
				<div class="index-mainright">
					<img src="img/ilogin.png" alt="">
					<p>Hi~您好</p>
					<a href="login.jsp"> <i class="am-icon-user">&nbsp;请登录</i>
					</a>
					<p>免费注册&nbsp;></p>
				</div>
				<div class="index-mainright">
					<p href="login.jsp">
						<i class="am-icon-user">&nbsp;退货保障</i>
					</p>
					<p href="login.jsp">
						<i class="am-icon-user">&nbsp;花呗分期</i>
					</p>
					<p href="login.jsp">
						<i class="am-icon-user">&nbsp;极速付款</i>
					</p>
					<p>更多特权&nbsp;></p>
				</div>
				<div class="index-mainright">
					<p>推荐活动</p>
					<img src="img/indexmainright.jpg" alt="" class="saleimg">
					<p>男士棒球帽</p>
					<p>2706积分</p>
				</div>
			</div>

			<div class="clear"></div>
		</div>
	</div>

	<div class="shopMainbg">
		<div class="shopMain" id="shopmain">

			<div class="clear "></div>
			<!--热门活动 -->

			<div class="am-container activity ">
				<div class="shopTitle ">
					<h4>天天抢购</h4>
					<h3>每期活动 优惠享不停</h3>
					<span class="more "> <a href="# ">全部活动<i
							class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
					</span>
				</div>
				<div class="am-g am-g-fixed ">
					<div class="am-u-sm-3 ">
						<div class="icon-sale one "></div>
						<h4>秒杀</h4>
						<div class="activityMain ">
							<img src="img/ibuy4.jpg "></img>
						</div>
						<div class="info ">
							<h3>春节送礼优选</h3>
						</div>
					</div>

					<div class="am-u-sm-3 ">
						<div class="icon-sale two "></div>
						<h4>特惠</h4>
						<div class="activityMain ">
							<img src="img/ibuy3.jpg "></img>
						</div>
						<div class="info ">
							<h3>家装彩电优选</h3>
						</div>
					</div>

					<div class="am-u-sm-3 ">
						<div class="icon-sale three "></div>
						<h4>团购</h4>
						<div class="activityMain ">
							<img src="img/ibuy1.jpg "></img>
						</div>
						<div class="info ">
							<h3>时尚家居跨年狂欢购</h3>
						</div>
					</div>

					<div class="am-u-sm-3 last ">
						<div class="icon-sale "></div>
						<h4>超值</h4>
						<div class="activityMain ">
							<img src="img/ibuy2.jpg "></img>
						</div>
						<div class="info ">
							<h3>除霾抗寒专场</h3>
						</div>
					</div>

				</div>
			</div>
			<div class="clear "></div>

			<!--今日推荐 -->

			<div class="am-g am-g-fixed recommendation">
				<div class="clock am-u-sm-3">
					<img src="img/2016.png "></img>
					<p>
						今日 <br>天天抢购
					</p>
				</div>
				<div class="am-u-sm-4 am-u-lg-3 ">
					<div class="info ">
						<h3>真的有鱼</h3>
						<h4>开年福利篇</h4>
					</div>
					<div class="recommendationMain one ">
						<a href="introduction.html "><img src="img/tj.png "></img> </a>
					</div>
				</div>
				<div class="am-u-sm-4 am-u-lg-3 ">
					<div class="info ">
						<h3>囤货过冬</h3>
						<h4>让爱早回家</h4>
					</div>
					<div class="recommendationMain two ">
						<img src="img/tj1.png "></img>
					</div>
				</div>
				<div class="am-u-sm-4 am-u-lg-3 ">
					<div class="info ">
						<h3>浪漫情人节</h3>
						<h4>甜甜蜜蜜</h4>
					</div>
					<div class="recommendationMain three ">
						<img src="img/tj2.png "></img>
					</div>
				</div>

			</div>

			<div id="f1 ">
				<!--潮电酷玩-->

				<div class="am-container ">
					<div class="shopTitle ">
						<h4>潮电酷玩</h4>
						<h3>ELECTRONICS</h3>
						<div class="today-brands ">
							<a href="# ">手机</a> <a href="# ">iphone</a> <a href="# ">相机 </a>
							<a href="# ">数码配件</a> <a href="# ">影音电玩</a> <a href="# ">个人护理</a>
						</div>
						<span class="more "> <a href="# ">更多电子产品<i
								class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour ">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word ">
							<a class="outer " href="# "><span class="inner "><b
									class="text ">手机</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">iphone</b></span></a> <a
								class="outer " href="# "><span class="inner "><b
									class="text ">相机</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">数码</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">电玩</b></span></a>
							<a class="outer " href="# "><span class="inner "><b
									class="text ">笔记本</b></span></a>
						</div>
						<a href="# ">
							<div class="outer-con ">
								<div class="title ">跨年盛典</div>
								<div class="sub-title ">进店满立减</div>
							</div> <img src="img/iele.png " />
						</a>
						<div class="triangle-topright "></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug ">
						<div class="outer-con ">
							<div class="title ">OPPO新品稀缺黑色</div>
							<div class="sub-title ">12期免息享豪礼</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele1.png " /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two ">
						<div class="outer-con ">
							<div class="title ">索尼新品</div>
							<div class="sub-title ">A6500</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele2.png " /></a>
					</div>


					<div class="am-u-sm-3 am-u-md-2 text-three big ">
						<div class="outer-con ">
							<div class="title ">德系精工品牌荟</div>
							<div class="sub-title ">不德不爱不止五折</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele3.png " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug ">
						<div class="outer-con ">
							<div class="title ">魅蓝note5</div>
							<div class="sub-title ">指纹全网通</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele4.png" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">空净取暖专场</div>
							<div class="sub-title ">大额优惠券等你抢</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele5.png" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">咱们相爱吧明星款</div>
							<div class="sub-title ">颜值女神优选好货</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele6.png" /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>


			<div id="f2 ">
				<!--打造爱巢-->
				<div class="am-container ">
					<div class="shopTitle ">
						<h4>打造爱巢</h4>
						<h3>HOME</h3>
						<div class="today-brands ">
							<a href="# ">家具</a> <a href="# ">大家电</a> <a href="# ">四件套 </a> <a
								href="# ">健康电视</a> <a href="# ">厨房电器</a> <a href="# ">吸顶灯</a>
						</div>
						<span class="more "> <a href="# ">更多爱巢<i
								class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>
				<div class="am-g am-g-fixed floodThree ">
					<div class="am-u-sm-4 text-four list ">
						<div class="word ">
							<a class="outer " href="# "><span class="inner "><b
									class="text ">家具</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">大家电</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">四件套</b></span></a>
							<a class="outer " href="# "><span class="inner "><b
									class="text ">电视</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">厨卫</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">吸顶灯</b></span></a>
						</div>
						<a href="# "> <img src="img/ihome1.jpg " />
							<div class="outer-con ">
								<div class="title "></div>
							</div>
						</a>
						<div class="triangle-topright "></div>
					</div>
					<div class="am-u-sm-4 text-four ">
						<a href="# "> <img src="img/ihome3.jpg " />
							<div class="outer-con ">
								<div class="title ">约战？爱家</div>
								<div class="sub-title ">实力撩床见分晓</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-4 text-four sug ">
						<a href="# "> <img src="img/ihome2.jpg " />
							<div class="outer-con ">
								<div class="title ">家电开门红</div>
								<div class="sub-title ">年度爆款疯狂直降</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>

					<div class="am-u-sm-6 am-u-md-3 text-five big ">
						<a href="# "> <img src="img/ihome4.jpg " />
							<div class="outer-con ">
								<div class="title ">爱购定制季</div>
								<div class="sub-title ">爆款优惠抢先占</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five ">
						<a href="# "> <img src="img/ihome5.jpg " />
							<div class="outer-con ">
								<div class="title ">彩电年终大赏</div>
								<div class="sub-title ">全场直降</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five sug ">
						<a href="# "> <img src="img/ihome6.jpg " />
							<div class="outer-con ">
								<div class="title ">爱购超级品牌日</div>
								<div class="sub-title ">头等舱沙发带回家</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five big ">
						<a href="# "> <img src="img/ihome7.jpg " />
							<div class="outer-con ">
								<div class="title ">厨卫浴圣诞狂欢</div>
								<div class="sub-title ">店铺爆款大推荐</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>

				</div>

				<div class="clear "></div>
			</div>


			<div id="f3 ">
				<!--美丽人生-->

				<div class="am-container ">
					<div class="shopTitle ">
						<h4>美丽人生</h4>
						<h3>BEAUTY&FASHION</h3>
						<div class="today-brands ">
							<a href="# ">连衣裙</a> <a href="# ">T恤男</a> <a href="# ">美容护肤 </a>
							<a href="# ">休闲男鞋</a> <a href="# ">黄金项链</a> <a href="# ">单鞋</a>
						</div>
						<span class="more "> <a href="# ">更多衣饰<i
								class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour ">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word ">
							<a class="outer " href="# "><span class="inner "><b
									class="text ">连衣裙</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">T恤男</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">美容</b></span></a>
							<a class="outer " href="# "><span class="inner "><b
									class="text ">男鞋</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">项链</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">单鞋</b></span></a>
						</div>
						<a href="# ">
							<div class="outer-con ">
								<div class="title ">寒冬型歌</div>
								<div class="sub-title ">哼唱一句冬天快乐</div>
							</div> <img src="img/iclo1.jpg" />
						</a>
						<div class="triangle-topright "></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug ">
						<div class="outer-con ">
							<div class="title ">南极人男士内裤</div>
							<div class="sub-title ">活力印花、优雅纯色</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo2.jpg " /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two ">
						<div class="outer-con ">
							<div class="title ">守护个性</div>
							<div class="sub-title ">世界一样你不一样</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo3.jpg " /></a>
					</div>


					<div class="am-u-sm-3 am-u-md-2 text-three big ">
						<div class="outer-con ">
							<div class="title ">加厚杂色针织衫</div>
							<div class="sub-title ">秋冬加厚杂色针织衫</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo4.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug ">
						<div class="outer-con ">
							<div class="title ">冬日旅行季</div>
							<div class="sub-title ">瑞士军刀旅行背包</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo5.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">日常休闲皮鞋</div>
							<div class="sub-title ">舒适放心当然不在话下</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo6.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">羊皮毛一体雪地靴</div>
							<div class="sub-title ">成全你小性感德足踝</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo7.jpg " /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>

			<div id="f4 ">
				<!--甜点-->

				<div class="am-container ">
					<div class="shopTitle ">
						<h4>生活甜一点</h4>
						<h3>FRUIT</h3>
						<div class="today-brands ">
							<a href="# ">桂花糕</a> <a href="# ">奶皮酥</a> <a href="# ">栗子糕 </a> <a
								href="# ">马卡龙</a> <a href="# ">铜锣烧</a> <a href="# ">豌豆黄</a>
						</div>
						<span class="more "> <a href="# ">更多美味<i
								class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour ">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word ">
							<a class="outer " href="# "><span class="inner "><b
									class="text ">桂花糕</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">核桃</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">奶皮酥</b></span></a>
							<a class="outer " href="# "><span class="inner "><b
									class="text ">栗子糕</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">马卡龙</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">豌豆黄</b></span></a>
						</div>
						<a href="# ">
							<div class="outer-con ">
								<div class="title ">开抢啦！</div>
								<div class="sub-title ">零食大礼包</div>
							</div> <img src="img/ifru1.png " />
						</a>
						<div class="triangle-topright "></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug ">
						<div class="outer-con ">
							<div class="title ">进口龙眼鲜嫩可口</div>
							<div class="sub-title ">广东直销</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru2.jpg " /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two ">
						<div class="outer-con ">
							<div class="title ">鲜红樱桃俘获芳心</div>
							<div class="sub-title ">全场八五折</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru3.jpg " /></a>
					</div>


					<div class="am-u-sm-3 am-u-md-2 text-three big ">
						<div class="outer-con ">
							<div class="title ">赣南脐橙闪亮登场</div>
							<div class="sub-title ">纯天然赣南橙</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru4.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug ">
						<div class="outer-con ">
							<div class="title ">马来西亚直运黑加仑</div>
							<div class="sub-title ">坐在家里吃遍天下好货</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru5.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">坚果营养又健康</div>
							<div class="sub-title ">快来补补脑</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru6.png " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">一日一苹果</div>
							<div class="sub-title ">医生远离我</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru7.jpg " /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>

			<div id="f5 ">
				<!--潮电酷玩-->

				<div class="am-container ">
					<div class="shopTitle ">
						<h4>潮电酷玩</h4>
						<h3>ELECTRONICS</h3>
						<div class="today-brands ">
							<a href="# ">手机</a> <a href="# ">iphone</a> <a href="# ">相机 </a>
							<a href="# ">数码配件</a> <a href="# ">影音电玩</a> <a href="# ">个人护理</a>
						</div>
						<span class="more "> <a href="# ">更多电子产品<i
								class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour ">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word ">
							<a class="outer " href="# "><span class="inner "><b
									class="text ">手机</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">iphone</b></span></a> <a
								class="outer " href="# "><span class="inner "><b
									class="text ">相机</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">数码</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">电玩</b></span></a>
							<a class="outer " href="# "><span class="inner "><b
									class="text ">笔记本</b></span></a>
						</div>
						<a href="# ">
							<div class="outer-con ">
								<div class="title ">跨年盛典</div>
								<div class="sub-title ">进店满立减</div>
							</div> <img src="img/iele.png " />
						</a>
						<div class="triangle-topright "></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug ">
						<div class="outer-con ">
							<div class="title ">OPPO新品稀缺黑色</div>
							<div class="sub-title ">12期免息享豪礼</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele1.png " /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two ">
						<div class="outer-con ">
							<div class="title ">索尼新品</div>
							<div class="sub-title ">A6500</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele2.png " /></a>
					</div>


					<div class="am-u-sm-3 am-u-md-2 text-three big ">
						<div class="outer-con ">
							<div class="title ">德系精工品牌荟</div>
							<div class="sub-title ">不德不爱不止五折</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele3.png " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug ">
						<div class="outer-con ">
							<div class="title ">魅蓝note5</div>
							<div class="sub-title ">指纹全网通</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele4.png" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">空净取暖专场</div>
							<div class="sub-title ">大额优惠券等你抢</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele5.png" /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">咱们相爱吧明星款</div>
							<div class="sub-title ">颜值女神优选好货</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iele6.png" /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>


			<div id="f6 ">
				<!--打造爱巢-->
				<div class="am-container ">
					<div class="shopTitle ">
						<h4>打造爱巢</h4>
						<h3>HOME</h3>
						<div class="today-brands ">
							<a href="# ">家具</a> <a href="# ">大家电</a> <a href="# ">四件套 </a> <a
								href="# ">健康电视</a> <a href="# ">厨房电器</a> <a href="# ">吸顶灯</a>
						</div>
						<span class="more "> <a href="# ">更多爱巢<i
								class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>
				<div class="am-g am-g-fixed floodThree ">
					<div class="am-u-sm-4 text-four list ">
						<div class="word ">
							<a class="outer " href="# "><span class="inner "><b
									class="text ">家具</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">大家电</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">四件套</b></span></a>
							<a class="outer " href="# "><span class="inner "><b
									class="text ">电视</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">厨卫</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">吸顶灯</b></span></a>
						</div>
						<a href="# "> <img src="img/ihome1.jpg " />
							<div class="outer-con ">
								<div class="title "></div>
							</div>
						</a>
						<div class="triangle-topright "></div>
					</div>
					<div class="am-u-sm-4 text-four ">
						<a href="# "> <img src="img/ihome3.jpg " />
							<div class="outer-con ">
								<div class="title ">约战？爱家</div>
								<div class="sub-title ">实力撩床见分晓</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-4 text-four sug ">
						<a href="# "> <img src="img/ihome2.jpg " />
							<div class="outer-con ">
								<div class="title ">家电开门红</div>
								<div class="sub-title ">年度爆款疯狂直降</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>

					<div class="am-u-sm-6 am-u-md-3 text-five big ">
						<a href="# "> <img src="img/ihome4.jpg " />
							<div class="outer-con ">
								<div class="title ">爱购定制季</div>
								<div class="sub-title ">爆款优惠抢先占</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five ">
						<a href="# "> <img src="img/ihome5.jpg " />
							<div class="outer-con ">
								<div class="title ">彩电年终大赏</div>
								<div class="sub-title ">全场直降</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five sug ">
						<a href="# "> <img src="img/ihome6.jpg " />
							<div class="outer-con ">
								<div class="title ">爱购超级品牌日</div>
								<div class="sub-title ">头等舱沙发带回家</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>
					<div class="am-u-sm-6 am-u-md-3 text-five big ">
						<a href="# "> <img src="img/ihome7.jpg " />
							<div class="outer-con ">
								<div class="title ">厨卫浴圣诞狂欢</div>
								<div class="sub-title ">店铺爆款大推荐</div>
								<i class="am-icon-shopping-basket am-icon-md seprate "></i>
							</div>
						</a>
					</div>

				</div>

				<div class="clear "></div>
			</div>


			<div id="f7 ">
				<!--美丽人生-->

				<div class="am-container ">
					<div class="shopTitle ">
						<h4>美丽人生</h4>
						<h3>BEAUTY&FASHION</h3>
						<div class="today-brands ">
							<a href="# ">连衣裙</a> <a href="# ">T恤男</a> <a href="# ">美容护肤 </a>
							<a href="# ">休闲男鞋</a> <a href="# ">黄金项链</a> <a href="# ">单鞋</a>
						</div>
						<span class="more "> <a href="# ">更多衣饰<i
								class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour ">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word ">
							<a class="outer " href="# "><span class="inner "><b
									class="text ">连衣裙</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">T恤男</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">美容</b></span></a>
							<a class="outer " href="# "><span class="inner "><b
									class="text ">男鞋</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">项链</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">单鞋</b></span></a>
						</div>
						<a href="# ">
							<div class="outer-con ">
								<div class="title ">寒冬型歌</div>
								<div class="sub-title ">哼唱一句冬天快乐</div>
							</div> <img src="img/iclo1.jpg" />
						</a>
						<div class="triangle-topright "></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug ">
						<div class="outer-con ">
							<div class="title ">南极人男士内裤</div>
							<div class="sub-title ">活力印花、优雅纯色</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo2.jpg " /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two ">
						<div class="outer-con ">
							<div class="title ">守护个性</div>
							<div class="sub-title ">世界一样你不一样</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo3.jpg " /></a>
					</div>


					<div class="am-u-sm-3 am-u-md-2 text-three big ">
						<div class="outer-con ">
							<div class="title ">加厚杂色针织衫</div>
							<div class="sub-title ">秋冬加厚杂色针织衫</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo4.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug ">
						<div class="outer-con ">
							<div class="title ">冬日旅行季</div>
							<div class="sub-title ">瑞士军刀旅行背包</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo5.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">日常休闲皮鞋</div>
							<div class="sub-title ">舒适放心当然不在话下</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo6.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">羊皮毛一体雪地靴</div>
							<div class="sub-title ">成全你小性感德足踝</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/iclo7.jpg " /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>

			<div id="f8 ">
				<!--甜点-->

				<div class="am-container ">
					<div class="shopTitle ">
						<h4>生活甜一点</h4>
						<h3>FRUIT</h3>
						<div class="today-brands ">
							<a href="# ">桂花糕</a> <a href="# ">奶皮酥</a> <a href="# ">栗子糕 </a> <a
								href="# ">马卡龙</a> <a href="# ">铜锣烧</a> <a href="# ">豌豆黄</a>
						</div>
						<span class="more "> <a href="# ">更多美味<i
								class="am-icon-angle-right " style="padding-left: 10px;"></i></a>
						</span>
					</div>
				</div>

				<div class="am-g am-g-fixed floodFour ">
					<div class="am-u-sm-5 am-u-md-4 text-one list ">
						<div class="word ">
							<a class="outer " href="# "><span class="inner "><b
									class="text ">桂花糕</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">核桃</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">奶皮酥</b></span></a>
							<a class="outer " href="# "><span class="inner "><b
									class="text ">栗子糕</b></span></a> <a class="outer " href="# "><span
								class="inner "><b class="text ">马卡龙</b></span></a> <a class="outer "
								href="# "><span class="inner "><b class="text ">豌豆黄</b></span></a>
						</div>
						<a href="# ">
							<div class="outer-con ">
								<div class="title ">开抢啦！</div>
								<div class="sub-title ">零食大礼包</div>
							</div> <img src="img/ifru1.png " />
						</a>
						<div class="triangle-topright "></div>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two sug ">
						<div class="outer-con ">
							<div class="title ">进口龙眼鲜嫩可口</div>
							<div class="sub-title ">广东直销</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru2.jpg " /></a>
					</div>

					<div class="am-u-sm-7 am-u-md-4 text-two ">
						<div class="outer-con ">
							<div class="title ">鲜红樱桃俘获芳心</div>
							<div class="sub-title ">全场八五折</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru3.jpg " /></a>
					</div>


					<div class="am-u-sm-3 am-u-md-2 text-three big ">
						<div class="outer-con ">
							<div class="title ">赣南脐橙闪亮登场</div>
							<div class="sub-title ">纯天然赣南橙</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru4.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three sug ">
						<div class="outer-con ">
							<div class="title ">马来西亚直运黑加仑</div>
							<div class="sub-title ">坐在家里吃遍天下好货</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru5.jpg " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three ">
						<div class="outer-con ">
							<div class="title ">坚果营养又健康</div>
							<div class="sub-title ">快来补补脑</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru6.png " /></a>
					</div>

					<div class="am-u-sm-3 am-u-md-2 text-three last big ">
						<div class="outer-con ">
							<div class="title ">一日一苹果</div>
							<div class="sub-title ">医生远离我</div>
							<i class="am-icon-shopping-basket am-icon-md seprate "></i>
						</div>
						<a href="# "><img src="img/ifru7.jpg " /></a>
					</div>

				</div>
				<div class="clear "></div>
			</div>



			<div class="footer ">
				<div class="footer-hd ">
					<p>
						<a href="# ">恒望科技</a> <b>|</b> <a href="# ">商城首页</a> <b>|</b> <a
							href="# ">支付宝</a> <b>|</b> <a href="# ">物流</a>
					</p>
				</div>
				<div class="footer-bd ">
					<p>
						<a href="# ">关于恒望</a> <a href="# ">合作伙伴</a> <a href="# ">联系我们</a>
						<a href="# ">网站地图</a> <em>(c) 2015-2025 Hengwang.com 版权所有</em>
					</p>
				</div>
			</div>

		</div>
	</div>
	<script type="text/javascript" src="js/basevalue.js"></script>
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script>
    var imgStr  = ["cake.png","cookies.png","meat.png","bamboo.png","candy.png","chocolate.png","fish.png","tea.png","package.png"];
    	$(function(){
    		loadIndexInfo();
    		
   	    $(".category-list").on("mouseover mouseout","li",function (event) {
		if(event.type == "mouseover"){

	   	    $(".category-list li.first .menu-in").css("display", "none");
	          $(".category-list li.first").removeClass("hover");
	          $(this).addClass("hover");
	          $(this).find("div.menu-in").show();	
      } else if(event.type == "mouseout"){
          $(this).removeClass("hover")
          $(this).children("div.menu-in").hide();
          }
      });
    	})
    		function loadIndexInfo(){
    			$.ajax({
    				url:base_path +"/loadsalersInfo.do",
    				type:"get",
    				dataType:"json",
    				success:function(result){
    					$("#js_climit_li").empty();
    					var str = result.data; 
    					for(var i in str){
    						var sli ="";
    						if(i==0){
    							sli+="<li class=\"appliance js_toggle relative first\">";	
    						}else if(i==str.length-1){
    							sli+="<li class=\"appliance js_toggle relative last\">";
    						}else{
    							sli+="<li class=\"appliance js_toggle relative \">";
    						}
    						
    						sli+=" <div class=\"category-info\">";
    						sli+="<h3 class=\"category-name b-category-name\"><i><img src=\"img/"+imgStr[i%9]+"\"></i><a class=\"ml-22\"  href=\"searchcondition.do?typeId="+str[i].pt.productType+"&page=1&size=30\">"+str[i].pt.productTypeName+"</a></h3>";
    						sli+="<em>&gt;</em></div>";
    							sli+="<div class=\"menu-item menu-in top\">";
    							sli+="<div class=\"area-in\">";
    							sli+="<div class=\"area-bg\">";
    							sli+="   <div class=\"brand-side\">";
    							sli+="       <dl>";
    							for(var k in str[i].salers){
    								console.log(1);
    							sli+="<dd><a target=\"_blank\" href=\"searchkey.do?key="+str[i].salers[k]+"&search_kind=saler\">"+str[i].salers[k]+"</a></dd>"
    							}
                                sli+="</dl>";
                                sli+="</div>";
								sli+="</div>";
								sli+="</div>";
                                sli+="</div>";
                                sli+="</li>";
                                $("#js_climit_li").append(sli);
    					}
    			          
    				},
    				error:function(){
    					
    				}
    			});
    		}
    	</script>

	<script type="text/javascript" src="basic/js/jquery-1.7.min.js"></script>
	<script type="text/javascript" src="AmazeUI-2.4.2/assets/js/amazeui.js"></script>
	<script type="text/javascript" src="js/index.js"></script>


</body>
</html>
